import { IconProps } from "@tabler/icons-react"
import { memo } from "react"

const IconPassword = memo(function IconPassword({ size }: IconProps) {
	return (
		<svg
			xmlns="http://www.w3.org/2000/svg"
			width={size}
			height={size}
			viewBox="0 0 20 20"
			fill="none"
		>
			<path
				d="M15.5187 19.965H4.48123C3.12761 19.965 2.02795 18.8031 2.02795 17.3726V9.60101C2.02795 8.1724 3.12763 7.01048 4.48123 7.01048H5.1177C5.0525 6.6874 5.01745 6.35461 5.01745 6.01398V5.01747C5.01745 2.26542 7.24791 0.0349731 10 0.0349731C12.7511 0.0349731 14.9825 2.26542 14.9825 5.01747V6.01398C14.9825 6.35459 14.9474 6.6874 14.8823 7.01048H15.5187C16.8714 7.01048 17.972 8.1724 17.972 9.60101V17.3726C17.972 18.8031 16.8714 19.965 15.5187 19.965ZM9.00346 13.7135V15.979C9.00346 16.5279 9.45016 16.9755 10 16.9755C10.5498 16.9755 10.9965 16.5279 10.9965 15.979V13.7135C11.6008 13.371 12.0124 12.7326 12.0124 11.993C12.0124 10.8914 11.1113 10 10 10C8.88766 10 7.98653 10.8914 7.98653 11.993C7.98653 12.7326 8.39915 13.371 9.00346 13.7135ZM12.9895 5.01747C12.9895 3.36605 11.6514 2.02796 10 2.02796C8.34855 2.02796 7.01046 3.36603 7.01046 5.01747V7.01048H12.9895V5.01747Z"
				fill="#FF6800"
			/>
		</svg>
	)
})

export default IconPassword
